<template>
  <w-row class="case-apply-m">
    <w-cell :class="tag=='1' ? 'm m1 selected' : 'm m1 noselected'" direction="column" align="center" @click="go('1')">
        <img src='../assets/img/apply/menu1.png'/>
        <span>活动申请</span>
    </w-cell>
   <w-cell :class="tag=='2' ? 'm m2 selected' : 'm m2 noselected'" direction="column" align="center" @click="go('2')">
        <img src='../assets/img/apply/menu2.png'/>
        <span>个人中心</span>
    </w-cell>
  </w-row>
</template>
<script>
    export default {
        name: "applyMenu",
        data() {
          return {

          }
        },
        props: {
          tag: [String, Number]
        },
        methods: {
            go: function(id) {
               if(id == '1') {
                   this.$router.push({name:'apply',params: {}});
               } else {
                   this.$router.push({name:'info',params: {}});
               }
            }
        }
    }
</script>
<style lang="scss" scoped>
  .case-apply-m {
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 999;
        .m {
            height: 3.5rem;
            background: #f5f5f5;
            text-align: center;
            font-size: 0.5rem;
        }
        .m1 {
            border-right: 1px solid #dfdfdf;
        }
        img {
            width: 1rem;
            padding-bottom: 3px;
        }
        .selected {
           border-bottom: 2px solid #005ba8;
        }
        .noselected {
           border-bottom: 2px solid #f5f5f5;
        }
  }
</style>